﻿/* DEFAULTS
----------------------------------------------------------*/
html, body	{ height:100%; width:100%; }
body   
{
    
    font-size: 13px;
    font-family: "Arial","宋体";
    margin: 0px;
    padding: 0px;
    color: #696969;
   
}

#menu_list a:link,#menu_list a:visited
{
    color: #034af3;
}

#menu_list h3 a:hover
{
    color: #ffffff;
    text-decoration: none;
}

#menu_list a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 1.6em;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}



/* 目录
--------------------------------------------------------------------------*/
.body
{
    width: 100%;
}
.header
{
    width: 100%;
}
.top-title
{
    background: #f0f0f0  10px 5px no-repeat;
}

.top-title h1
{
    font-size: 14px;
    font-weight: bold;
    float:left;
    margin-left:45px;
    margin-top: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.top-title .top-search
{
    float:right;
    padding: 5px;
}
/* 总体目录
-------------------------------------------------------------------------------*/
.top-menu
{
    height: 80px;
    width: 100%;
    background: #e5ecf0 url("images/top-bg.png") repeat-x;
    border-bottom: 1px solid #b1c8d7;
    border-top: 1px solid #b1c8d7;
}
.top-menu-bar
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.top-menu-bar li
{
    display: inline-block;
    margin-right: 5px;
    float: left;
}

.top-menu-bar li:hover
{
    background: url("images/hover-bg.png") 5px 10px no-repeat;
}
.top-menu-bar li:hover a
{
    color: #000;
}

.top-menu-bar li:last
{
    display: inline-block;
    margin: 0px;
}
.top-menu-bar li a { width: 48px; height: 20px;  padding: 10px; text-align:center; text-decoration: none; display: inline-block; padding-top: 48px; }
.top-menu-bar li.split { width: 1px; border-left: 1px solid #ccc; background: #FFF; height: 48px; margin-top: 15px; }
.top-menu-bar li a.cmd-newfile { background: url("images/newfile.png") no-repeat 22px 20px; }
 li a.cmd-newdirectory { background: url("images/newfolder.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.top-menu-bar li a.cmd-copy { background: url("images/copy.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-cut { background: url("images/move.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-move { background: url("images/move.png") no-repeat 22px 20px; }
 li a.cmd-upload { background: url("images/upload.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
 li a.cmd-download { background: url("images/download.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.top-menu-bar li a.cmd-delete { background: url("images/delete.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-rename { background: url("images/rename.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-edit { background: url("images/edit.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-permission { background: url("images/permission.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-view { background: url("images/view.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-extract { background: url("images/extract.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-compress { background: url("images/compress.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-about { background: url("images/about.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-help { background: url("images/help.png") no-repeat 22px 20px; }
.top-menu-bar li a.cmd-config { background: url("images/config.png") no-repeat 22px 20px; }



/* 主体 **/
.body { min-width: 800px; }

.main
{
    display:inline-block;
    width: 100%;
}
.button{ padding: 3px 20px; background: #E8EDFF; text-decoration:none;border:1px solid #ccc;border-radius:2px; height: 14px; }
.button:hover{ font-weight: bold; }

.fe-current-path
{
    width: 640px;
    height: 14px;
}

.content-menu
{
    display: inline-block;
    width: 100%;
}
.content-menu-bar
{
    background: #c9e0f0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
}
.content-menu-bar li { display: inline-block; float: left; }
.content-menu-bar li.fe-folder-info { width: 260px !important; display: inline-block; float:right; text-align: right; margin-right: 10px;}
.content-menu-bar li a
{
    text-decoration: none;
    padding-left: 25px;
    margin-left:5px;
    margin-right: 5px;
}
.content-menu-bar li a:hover
{
    color: #696969;
}
.cmd-selectall { background: url("images/small/selectall.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; margin-left:5px; display: inline-block; }
.cmd-home { background: url("images/small/home.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.cmd-uponelevel { background: url("images/small/uponelevel.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.cmd-back { background: url("images/small/back.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.cmd-forward { background: url("images/small/forward.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.cmd-reload { background: url("images/small/refresh.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.cmd-table-mode { background: url("images/small/table.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }
.cmd-thumb-mode { background: url("images/small/thumb.png") no-repeat scroll 0px 6px transparent; margin-right: 5px; display: inline-block; }


.directory-list { padding: 10px; min-height: 200px; }


/**                         TABLE         background:#f5f5f5 url(images/bg.jpg);               **/
/*************************************************************************************************/
.content-list { width: 100%; height:95%;}
.directory-content { width: 100%;text-align: left;border-collapse: collapse;
		border:1px solid #d3d3d3;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.click_mode {background: #d0dafd;color: #339;}	
.directory-content tr { line-height: 14px; }
/*.directory-content tr:hover { background: #d0dafd;color: #339; }*/
.directory-content th { padding:10px 8px 8px ; text-align:left;padding-top:12px; text-shadow: 1px 1px 1px #fff; background:#f5f5f5; background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#f5f5f5), to(#f5f5f5));}
.directory-content td {	padding:10px 8px 8px; text-align:left;border-top:1px solid #e0e0e0; border-right:0px solid #e0e0e0; }

	
.directory-content tr:hover td { }
.directory-menu { background: #F2F2F2; padding: 5px; margin: 0px; }
.directory-content a { text-decoration: none }
.directory-content .invisible { display:inline-block;border:0px ; float:left;margin-right:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/visible.png") no-repeat }

.directory-content .visible { display:inline-block; border:0px; float:left; margin-right:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/visible_grey.png") no-repeat }
.directory-content .visible:hover { display:inline-block;border:0px; float:left; cursor:pointer; margin-right:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/visible_rgb.png") no-repeat }

.directory-content .editable { display:inline-block; border:0px ;float:left; padding-right:5px; width: 22px;height: 20px;background:url("images/small/download_grey.png") no-repeat }
.directory-content .editable:hover { display:inline-block;float:left;cursor:pointer;border:0px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/download_bule.png") no-repeat }


.directory-content .back { display:inline-block;border:0px;  float:left; padding-right:5px; width: 22px;height: 20px;background:url("images/small/back.png") no-repeat  }
.directory-content .sorttype { display:inline-block;border:0px;  float:none; padding-right:0px; width: 12px;height: 12px;background:url("images/small/sort.png") no-repeat  }
.directory-content .back:hover { display:inline-block;border:0; cursor:pointer; float:left; padding-right:5px; width: 22px;height: 20px;background:url("images/small/back.png") no-repeat }
.directory-content .uponelevel { display:inline-block; border:0; float:left; padding-right:5px; width: 22px;height: 20px;background:url("images/small/uponelevel.png") no-repeat }

.directory-content .editable1 { display:inline-block; border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/editable_grey.png") no-repeat }
.directory-content .editable1:hover { display:inline-block; cursor:pointer;  border:0px;float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/editable_bule.png") no-repeat }

.directory-content .submitable { display:inline-block; border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/submit_grey.png") no-repeat }
.directory-content .submitable:hover { display:inline-block;cursor:pointer;  border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/submit_bule.png") no-repeat }

.directory-content .del { display:inline-block; border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/del1.png") no-repeat }
.directory-content .del:hover { display:inline-block;cursor:pointer;  border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/del.png") no-repeat }

.directory-content .move { display:inline-block; border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/move1.png") no-repeat }
.directory-content .move:hover { display:inline-block;cursor:pointer;  border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/move2.png") no-repeat }

.directory-content .rename { display:inline-block; border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/rename1.png") no-repeat }
.directory-content .rename:hover { display:inline-block;cursor:pointer;  border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/rename2.png") no-repeat }

.directory-content .thumb { display:inline-block; border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/thumb.png") no-repeat }
.directory-content .thumb:hover { display:inline-block;cursor:pointer;  border:0px; float:left;margin-left:4px; padding-right:5px; width: 22px;height: 20px;background:url("images/small/thumb.png") no-repeat }



.directory-content .ui-selecting { background: #C9E0F0; }
.directory-content .ui-selected { background: #d0dafd; color: white; }


/**                                                 FORM                                        **/
/*************************************************************************************************/
.fe-form { list-style: none; font-size: 12px; font-family: "Arial","宋体"; padding-left: 10px; margin-left: 0px }
.fe-form li{ line-height: 20px; margin-left: 0px }
.fe-form li.split { height: 1px; background: #fff;border-bottom: 1px solid #ccc; margin-top: 5px; margin-bottom: 5px;}
.fe-form input[type='text'] { width: 300px; }
.fe-form label { display: inline-block; width: 100px;  padding-right: 10px;  font-weight: bold; }
.fe-thumbnail { width: 64px;  height: 64px;  float: right;  padding: 5px; border: 1px solid #ccc; background: #FFF; }
.fe-filelist { background: #EAF1F6; padding: 10px; font-size: 10px; margin-top: 10px;}


/**                                                 ICO                                         **/
/*************************************************************************************************/
.dir { padding-left:20px; background:url("images/ico/dir.png") no-repeat; }
.ico-file { padding-left:20px; background:url("images/ico/file.png") no-repeat; }
.ico-compressed { padding-left:20px; background:url("images/ico/compressed.png") no-repeat; }
.ico-excel { padding-left:20px; background:url("images/ico/excel.png") no-repeat; }
.ico-music { padding-left:20px; background:url("images/ico/music.png") no-repeat; }
.ico-flash { padding-left:20px; background:url("images/ico/flash.png") no-repeat; }
.ico-html { padding-left:20px; background:url("images/ico/html.png") no-repeat; }
.ico-image { padding-left:20px; background:url("images/ico/image.png") no-repeat; }
.ico-javascript { padding-left:20px; background:url("images/ico/javascript.png") no-repeat; }
.ico-stylesheet { padding-left:20px; background:url("images/ico/stylesheet.png") no-repeat; }
.ico-movie { padding-left:20px; background:url("images/ico/movie.png") no-repeat; }
.ico-pdf { padding-left:20px; background:url("images/ico/pdf.png") no-repeat; }
.ico-php { padding-left:20px; background:url("images/ico/php.png") no-repeat; }
.ico-ppt { padding-left:20px; background:url("images/ico/ppt.png") no-repeat; }
.ico-text { padding-left:20px; background:url("images/ico/text.png") no-repeat; }
.ico-word { padding-left:20px; background:url("images/ico/word.png") no-repeat; }
.ico-xml { padding-left:20px; background:url("images/ico/xml.png") no-repeat; }
.ico-zip { padding-left:20px; background:url("images/ico/zip.png") no-repeat; }
.ico-exe { padding-left:20px; background:url("images/ico/exe.png") no-repeat; }


/**                                                 THUMBS                                      **/
/*************************************************************************************************/
div#directory-content-list div.row
{
    width: 120px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ccc;
    float:left;
    text-align: center;
}
div#directory-content-list div.row .fe-thumb
{
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
    margin-left: 20px;
}
div#directory-content-list div.row .fe-row-name
{
    width: 115px;
    overflow: hidden;
    height: 15px;
}
div#directory-content-list div.row .fe-row-size
{
    width: 115px;
    overflow: hidden;
    height: 15px;
}
div#directory-content-list div.row .fe-row-permission
{
    width: 115px;
    overflow: hidden;
    height: 15px;
    background: #C9E0F0;
    padding: 2px;
}

/****ABOUT*****/
.fe-about
{
    padding: 10px;
}
.fe-permissions
{
    font-size: 12px;
    width: 100%;
}
.fe-permissions th
{
    background: #C9E0F0;
}
